html {
  font-size: 100px;
  height: 100%;
}
#container {
  height: 100%;
}
body {
  background-color: #f5f5f5;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.top {
  position: relative;
  width: 100%;
  height: 0.42rem;
  line-height: 0.42rem;
  background-color: #ff8a00;
  padding: 0 0.32rem 0 0.32rem;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0.16rem;
}
.top img {
  height: 0.3rem;
  margin-top: 0.08rem;
  font-size: 0.16rem;
}
.top .logo {
  display: inline-block;
  font-size: 0.16rem;
}
.top .xiazai {
  float: right;
  margin-left: 0.2rem;
  font-size: 0.16rem;
}
.top .my {
  float: right;
}
.house {
  width: 100vw;
  height: 3.9rem;
  font-size: 0.16rem;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 0.15rem;
  border-top: 1px solid #d2cbcb;
  border-bottom: 1px solid #d2cbcb;
}
.house img {
  width: 100vw;
}
.house .house-desc {
  padding: 0.2rem 0.2rem 0 0.2rem;
}
.house .house-desc h3 {
  font-weight: 700;
  font-size: 0.18rem;
}
.house .house-desc .price {
  padding-top: 0.1rem;
}
.house .house-desc .price span {
  color: #ff8a00;
  font-weight: 700;
  background-color: #fff;
  padding: 0;
  margin: 0;
  font-size: 0.16rem;
}
.house .house-desc .time {
  font-size: 0.14rem;
  color: #a9a6a6;
  padding-top: 0.1rem;
}
.house .house-desc span {
  display: inline-block;
  font-size: 0.12rem;
  width: max-content;
  padding: 0.05rem;
  box-sizing: content-box;
  background-color: #dee9f0;
  color: #849aae;
  margin-top: 0.08rem;
}
.house-mes {
  height: 4.6rem;
  background-color: #fff;
  padding: 0 0.2rem 0 0.2rem;
  font-size: 0.15rem;
  margin-bottom: 0.15rem;
  border-top: 1px solid #d2cbcb;
  border-bottom: 1px solid #d2cbcb;
}
.house-mes .mes-common {
  display: flex;
  height: 0.5rem;
  line-height: 0.5rem;
  border-bottom: 1px solid #d2cbcb;
}
.house-mes .mes-common p {
  flex: 1;
}
.house-mes .more {
  text-align: center;
  line-height: 0.5rem;
  color: #c4bcbc;
}
.house-chara {
  height: 2.3rem;
  border-top: 1px solid #d2cbcb;
  border-bottom: 1px solid #d2cbcb;
  font-size: 0.16rem;
  padding: 0 0.2rem;
  background-color: #fff;
  margin-bottom: 0.15rem;
}
.house-chara h3 {
  font-weight: 700;
  font-size: 0.2rem;
  color: #ff8a00;
  border-bottom: 1px solid #d2cbcb;
  padding: 0.15rem 0;
}
.house-chara p {
  padding: 0.2rem 0;
  font-size: 0.12rem;
  border-bottom: 1px solid #d2cbcb;
}
.house-chara .more {
  text-align: center;
  line-height: 0.5rem;
  color: #c4bcbc;
}
.house-huxing {
  height: 2.9rem;
  border-top: 1px solid #d2cbcb;
  border-bottom: 1px solid #d2cbcb;
  font-size: 0.12rem;
  padding: 0 0.2rem;
  background-color: #fff;
  margin-bottom: 0.15rem;
}
.house-huxing h3 {
  font-weight: 700;
  font-size: 0.2rem;
  color: #ff8a00;
  border-bottom: 1px solid #d2cbcb;
  padding: 0.15rem 0;
}
.house-huxing .geju {
  display: flex;
  padding: 0.2rem 0;
  border-bottom: 1px solid #ff8a00;
}
.house-huxing .geju .geju-pic {
  display: flex;
  flex: 1;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 0.05rem;
}
.house-huxing .geju .geju-pic img {
  width: 100%;
  height: 100%;
}
.house-huxing .geju .geju-desc {
  flex: 3;
}
.house-huxing .geju .geju-desc h4 {
  font-weight: 700;
  font-size: 0.14rem;
}
.house-huxing .geju .geju-desc p {
  padding: 0.05rem 0;
}
.house-huxing .geju .geju-desc span {
  display: inline-block;
  font-size: 0.12rem;
  width: max-content;
  padding: 0.03rem;
  box-sizing: content-box;
  background-color: #dee9f0;
  color: #849aae;
}
.house-huxing .geju2 {
  border: none;
}
.house-school {
  height: 3.58rem;
  border-top: 1px solid #d2cbcb;
  border-bottom: 1px solid #d2cbcb;
  font-size: 0.12rem;
  padding: 0 0.2rem;
  background-color: #fff;
  margin-bottom: 0.15rem;
  color: #c4bcbc;
}
.house-school h3 {
  font-weight: 700;
  font-size: 0.2rem;
  border-bottom: 1px solid #d2cbcb;
  padding: 0.15rem 0;
  color: #000;
}
.house-school .mes-common {
  display: flex;
  height: 0.5rem;
  line-height: 0.5rem;
  border-bottom: 1px solid #d2cbcb;
}
.house-school .mes-common span {
  color: #000;
}
.house-school .more {
  text-align: center;
  line-height: 0.5rem;
  color: #c4bcbc;
}
.house-address {
  height: 2.56rem;
  border-top: 1px solid #d2cbcb;
  border-bottom: 1px solid #d2cbcb;
  font-size: 0.16rem;
  padding: 0 0.2rem;
  background-color: #fff;
  margin-bottom: 0.15rem;
  color: #c4bcbc;
}
.house-address h3 {
  font-weight: 700;
  font-size: 0.2rem;
  border-bottom: 1px solid #d2cbcb;
  padding: 0.15rem 0;
  color: #000;
}
.house-address #container {
  width: 2.8rem;
  height: 1.55rem;
  margin-top: 0.2rem;
}
.tuijian-house {
  border-top: 1px solid #d2cbcb;
  border-bottom: 1px solid #d2cbcb;
  font-size: 0.16rem;
  padding: 0 0.2rem;
  background-color: #fff;
  margin-bottom: 0.15rem;
}
.tuijian-house h3 {
  font-weight: 700;
  font-size: 0.2rem;
  border-bottom: 1px solid #d2cbcb;
  padding: 0.15rem 0;
  color: #000;
}
.tuijian-house .all-tuijian {
  border-bottom: 1px solid #d2cbcb;
}
.tuijian-house .all-tuijian .tuijian {
  display: flex;
  padding: 0.2rem 0 0 0;
  font-size: 0.12rem;
}
.tuijian-house .all-tuijian .tuijian .tuijian-pic {
  display: flex;
  flex: 1;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: 0.05rem;
}
.tuijian-house .all-tuijian .tuijian .tuijian-pic img {
  width: 100%;
  height: 100%;
}
.tuijian-house .all-tuijian .tuijian .tuijian-desc {
  flex: 3;
  margin-top: -9px;
}
.tuijian-house .all-tuijian .tuijian .tuijian-desc h4 {
  font-weight: 700;
  font-size: 0.16rem;
}
.tuijian-house .all-tuijian .tuijian .tuijian-desc .mianji span {
  float: right;
  color: #ff8a00;
}
.tuijian-house .all-tuijian .tuijian .tuijian-desc .add {
  font-size: 0.12rem;
  padding: 0.05rem 0 0.02rem 0;
  color: #d2cbcb;
}
.tuijian-house .all-tuijian .tuijian .tuijian-desc .add span {
  float: right;
}
.tuijian-house .all-tuijian .tuijian .tuijian-desc .biaoqian {
  display: inline-block;
  font-size: 0.12rem;
  width: max-content;
  padding: 0.03rem;
  box-sizing: content-box;
  background-color: #dee9f0;
  color: #849aae;
}
.tuijian-house .all-tuijian .reason {
  margin-top: -0.12rem;
  margin-bottom: 0.1rem;
}
.tuijian-house .all-tuijian .reason p {
  height: 0.35rem;
  line-height: 0.35rem;
  background-color: #f2f2f2;
  font-size: 0.13rem;
  padding-left: 0.1rem;
}
.tuijian-house .all-tuijian .reason span {
  display: inline-block;
  width: 0px;
  height: 0;
  border-bottom: 0.12rem solid #f2f2f2;
  border-top: none;
  border-left: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  margin: 0 0 -0.06rem 0.04rem;
}
.tuijian-house .more {
  text-align: center;
  line-height: 0.5rem;
  color: #c4bcbc;
}
footer {
  position: relative;
  bottom: 0;
  left: 0;
  font-size: 0.16rem;
}
footer .road {
  width: 100%;
  height: 0.41rem;
  background-color: #2f3130;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  line-height: 0.41rem;
  box-sizing: border-box;
  font-size: 0.16rem;
}
footer .road p {
  height: 0.4rem;
  border-bottom: 1px solid gray;
  color: #939494;
  font-size: 0.13rem;
}
footer .mobel-pc {
  display: flex;
  height: 0.64rem;
  background-color: #2f3130;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  color: gray;
  font-size: 0.16rem;
  border: none;
}
footer .mobel-pc img {
  width: 0.21rem;
}
footer .mobel-pc .box {
  flex: 1;
  padding-left: 0.1rem;
}
footer .mobel-pc .box .txt {
  display: inline-block;
  font-size: 0.12rem;
  padding-top: 0.15rem;
  box-sizing: border-box;
  margin-left: 0.17rem;
}
footer .mobel-pc .box .txt p {
  width: max-content;
}
footer .mobel-pc .box:nth-of-type(2) .txt p:nth-of-type(2) {
  padding-left: 0.04rem;
}
footer .beian {
  background-color: #2f3130;
  color: gray;
  text-align: center;
  font-size: 0.12rem;
}
footer .lianxi {
  height: 0.6rem;
  line-height: 0.6rem;
  margin-top: 0.1rem;
}
footer .lianxi button {
  float: left;
  width: 2rem;
  height: 0.42rem;
  color: #fff;
  text-align: center;
  padding-left: 0.3rem;
  border: none;
  border-radius: 0.05rem;
  margin-left: 0.2rem;
  background: url(../imgs/SecondHandList/user.png) #ff8a00 no-repeat 0.5rem 0.09rem;
  background-size: 0.22rem 0.22rem;
}
footer .lianxi .guanzhu {
  float: left;
  line-height: 0.4rem;
  padding-left: 0.3rem;
  background: url(../imgs/SecondHandList/xin.png) no-repeat 0.05rem 0.09rem;
  background-size: 0.22rem 0.22rem;
}
